<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<script src="http://code.jquery.com/jquery-latest.js"></script>
<script type="text/javascript" src="http://dev.jquery.com/view/trunk/plugins/validate/jquery.validate.js"></script>
<link href="css/default.css" rel="stylesheet" type="text/css" />

</head>

<body>

	<div class="form-row">
		<span class="label">Record Timing for</span>
		<select name="personel" class="longer-space">
    		<option value="self" selected> Myself </option>
    		<option value="testing1">Peter Lim Ah Beng</option>
    		<option value="testing2">John Tan Ah Gou</option>
    		<option value="testin3">Crystal Lee</option>
    	</select>
		
	<div class="form-row">
		<span class="label">Include Timing</span>
		<input type="radio" checked name="typeOfEntry" value="include"></input>
	</div>
	<div class="form-row">
		<span class="label">Exclude Timing</span></div>
		<input type="radio" name="typeOfEntry" value="exlude"></input>
	</div>
	
	<div class="form-row">
		<span class="label">Date(DD/MM/YYYY)</span>
		<input type="text" name="date"></input>
	</div>
	<div class="form-row">
    	<span class="label">Start Time </span>
        <input type="text" name="startTime"></input>
    </div>
    <div class="form-row">
    	<span class="label">End Time </span>
        <input type="text" name="endTime"></input>
    </div>
    <div class="form-row">
    	<span class="label">Reasons</span>
    	<select name="reason" class="longer-space">
    		<option value="none" selected> Select a reason </option>
    		<option value="participation">Participation in external courses </option>
    		<option value="vacantion">Vacation </option>
    		<option value="leave">Leave </option>
    		<option value="illness">Illness</option>
    		<option value="Others">Others reasons, please specifiy below
    	</select>
    </div>
    <div class="form-row"> 
    	<span class="label">Details</span>
    	<textarea name="details"></textarea>
    </div>	
	<div class="form-row">
    	<input class="submit" type="button" value="Submit" onClick="javascript:submitForm('createSpecialReasonTime')"/>
    </div>



</body>
</html>
